<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	  th:with="title='开通VIP',active='pay'"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!-- head 头部-->
<head th:replace="web/common/fragment::head(${title},null,'')"></head>
	<body>

		<div th:replace="web/layout/header::header(${active})"></div>
		<!--	main	-->
		<div class="fly-main">
			<div class="layui-row layui-col-space30">
				<div class="layui-col-sm4" th:each="goods:${listGoods}">
					<div class="pricing">
						<div class="price-head">
							<div class="price-title">
								<i class="layui-icon layui-icon-fire" th:if="${goods.hot==1}"></i>
								<th:block th:text="${goods.goodsName}">VIP</th:block>
							</div>
                            <div class="price">
                                <sub class="currency">￥</sub>
                                <th:block th:text="${goods.money}"></th:block>
                            </div>
							<div class="duration">
								永久有效<i lay-tips="可加入专属群" class="layui-icon layui-icon-tips"></i>
							</div>
						</div>
						<ul class="price-content" th:utext="${goods.point}">
							<!--<li class="active">直接查看所有内容</li>
							<li class="active">免回复下载</li>
							<li>专属VIP资源下载</li>
							<li>下载工具免费试用</li>
							<li>进群交流</li>-->
						</ul>
						<div class="price-btn">
							<a th:href="'/pay/goods/'+${goods.goodsId}" class="layui-btn layui-btn-radius layui-btn-lg">立即购买</a>
						</div>
					</div>
				</div>

			</div>
			<div style="margin-top: 30px;">
				<blockquote class="layui-elem-quote">
					付费授权是为了产品更好的发展，提供更好的服务和技术支持，禁止恶意分享账号、资源、二次倒卖等。<a class="color-default" href="/page/copyright/">版权声明</a>
				</blockquote>
			</div>

		</div>
		<!--	main end	-->
<!--	底部版权		-->
<div th:replace="web/layout/footer::footer"></div>
<!--	搜索		-->
<div th:replace="web/layout/common::pop-search"></div>
<!--	右边工具栏	-->
<div th:replace="web/layout/common::right-bar"></div>
<!--	引入JS	-->
<div th:replace="web/common/fragment::js"></div>
<script type="text/javascript">
    layui.use(['layer', 'util','admin'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
		var util = layui.util;
		var admin = layui.admin;
        upload.render({
            elem: '#imgHead',
            url: '', // 上传接口
            done: function (res) {
                // 上传完毕回调
            },
            error: function () {
                // 请求异常回调
            }
        });
    });
</script>
<div th:replace="web/common/fragment::post"></div>

	</body>
</html>
